From: Florian Müllner <fmuellner@gnome.org>
Date: Wed, 18 Jan 2023 16:46:35 +0000 (+0100)
Subject: quickSettings: Add small border to menu toggles
X-Git-Tag: archive/raspbian/50.5-1+rpi1~1^2~405^2^2~48
X-Git-Url: https://dgit.raspbian.org/%22http://www.example.com/cgi/%22/%22http:/www.example.com/cgi/%22?a=commitdiff_plain;h=45dcbf516f1ebc56cbd1826a2034acdee9a931d6;p=gnome-shell.git

quickSettings: Add small border to menu toggles

The slightly lighter background of the menu button turned out
to not be quite enough to indicate that it's a separate control
from the main toggle. Address this with a small border between
the two elements.

https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/5963

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2632>
---

diff --git a/data/theme/gnome-shell-sass/widgets/_quick-settings.scss b/data/theme/gnome-shell-sass/widgets/_quick-settings.scss
index 87028565e..45e601f41 100644
--- a/data/theme/gnome-shell-sass/widgets/_quick-settings.scss
+++ b/data/theme/gnome-shell-sass/widgets/_quick-settings.scss
@@ -56,12 +56,18 @@
 
   & .quick-toggle-arrow {
     padding: $base_padding $base_padding*1.75;
-    border: none;
+    border-width: 0;
 
     &:checked { @include button(default, $c:$selected_bg_color); }
 
-    &:ltr { border-radius: 0 99px 99px 0; }
-    &:rtl { border-radius: 99px 0 0 99px; }
+    &:ltr {
+      border-radius: 0 99px 99px 0;
+      border-left-width: 1px;
+    }
+    &:rtl {
+      border-radius: 99px 0 0 99px;
+      border-right-width: 1px;
+    }
   }
 }